<template>
    <div>
        <input v-if="isShow"  ref="inp"
        type="text" placeholder="请输入标签"
        @blur="isShow=false" 
        :value="value"
        @keyup.enter="handleEnter"
        >
        <div v-else
        @dblclick="handleClick"
       
        >{{ value }}</div>
    </div>
</template>
<script>
export default {
    props:{
        value:String
    },
    data(){
        return {
            isShow:false
        }
    },
    methods:{
       handleClick(){
        this.isShow=true
        this.$nextTick(()=>{
            this.$refs.inp.focus()
        })
       },
       handleEnter(e){
        this.$emit('input',e.target.value)
       }
    }
}
</script>